
<template>
  <h1>这是vue组件</h1>

  <p>{{info}}</p>
  <h4>{{info+'中午好~'}}</h4>
  {{info}}
  <p v-text="info"></p>
  <p v-html="info2"></p>
  <hr>
  <button @click="f">按钮</button>
  <hr>
  <p v-text="count"></p>
  <button @click="add">+1s</button>
</template>

<script setup>
import {ref} from "vue";

const info = ref('我是heqi');
const f = ()=>{
  console.log(info.value);
}
const info2 = ref('今<b>天</b>中午<mark>吃什么</mark>')

const count = ref(0);

const add= ()=>{
  count.value++;
}
</script>

<style scoped>

</style>